<!--
 * @Author: C.
 * @Date: 2021-06-15 13:39:53
 * @LastEditTime: 2021-06-17 19:05:11
 * @Description: file content
-->
<template>
  <div class="jv-table-form">
    <el-form label-width="120px"
             v-bind="$attrs"
             v-on="$listeners"
             ref="ruleForm"
             size="mini">
      <table class="FormTable">
        <slot></slot>
      </table>
    </el-form>
  </div>
</template>
<script>
export default {
  methods: {
    validate (func) {
      this.$refs.ruleForm.validate(func)
    }
  }
}
</script>

<style lang="scss">
.jv-table-form {
  .FormTable {
    border-collapse: collapse;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
      "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 14px;
    width: 100%;
  }
  td {
    // border: 1px solid #ebeef5;
    padding: 0;
  }
  .el-input .el-input__inner {
    // border: none;
    height: auto;
    // border: 0.5px solid #ebeef5;
    border-radius: 0px;
  }
  .el-form-item__label {
    border: 1px solid #ebeef5;
    background-color: #f5f7fa;
  }
  .el-form-item__label {
    padding: 0 10px;
    text-align: right;
  }
  .el-form .el-form-item__content {
    input,
    .el-select {
      width: 100%;
    }
    .el-input {
      width: 100%;
    }
    textarea {
      // border: none;
      height: 30px;
      min-height: 30px;
      border-radius: 0px;
    }
    // .is-focus {
    //   border: 1px solid pink;
    // }
  }
  .el-form .FormTable .el-form-item {
    // border: 1px solid #efefef;
    width: 100%;
    margin: 0;
  }
}
</style>
